<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>
	LUMINANCE BETA
</title>
<script type="text/javascript" src="qtre/lib/jquery-1.3.2.min.js"></script>

<!----------------------o3d------------------------------>
<script type="text/javascript" src="o3djs/base.js"></script>

<!------------------------qtre------------------------>
<script type="text/javascript" src="qtre/core.js"></script>
<script type="text/javascript" src="qtre/util.js"></script>
<script type="text/javascript" src="qtre/SceneManager.js"></script>
<script type="text/javascript" src="qtre/MaterialManager.js"></script>
<script type="text/javascript" src="qtre/TextureManager.js"></script>
<script type="text/javascript" src="qtre/Light.js"></script>
<script type="text/javascript" src="qtre/Camera.js"></script>
<script type="text/javascript" src="qtre/DeferredShading.js"></script>
<script type="text/javascript" src="qtre/PostProcessing.js"></script>

<!-----------------------jquery ui------------------------->
<script type="text/javascript" src="lib/ui/js/ui.core.js"></script>
<script type="text/javascript" src="lib/ui/jquery-ui-1.7.2.custom.min.js"></script>
<link type="text/css" rel="stylesheet" href="lib/ui/themes/ui-lightness/jquery-ui-1.7.2.custom.css" />

<!------------------------color picker--------------------------------->
<script type="text/javascript" src="lib/farbtastic/farbtastic.js"></script>
<link rel="stylesheet" href="lib/farbtastic/farbtastic.css" type="text/css" />

<!------------------------uploadify-------------------------------------->
<script type="text/javascript" src="lib/uploadify/swfobject.js"></script>
<script type="text/javascript" src="lib/uploadify/jquery.uploadify.v2.1.0.min.js"></script>
<link rel="stylesheet" type="text/css" href="lib/uploadify/uploadify.css" />

<!-----------------------shift checkbox------------------------->
<script type="text/javascript" src="lib/shiftcheckbox.js"></script>

<script type="text/javascript" src="luminance.js"></script>
<script type="text/javascript" src="save.js"></script>
<script type="text/javascript" src="load.js"></script>

<link type="text/css" rel="stylesheet" href="css/Luminance.css" />

<script type="text/javascript">
	$(document).ready(function(){
		init();
	})
</script>
</head>
<body>
	<div id="left">
		<div id="viewport" class="panel">
			<div id="o3d_luminance"></div>
		</div>
		<div id="primitive_info">
			
		</div>
		<div id="debug"></div>
	</div>
	<div id="right">
		<div class="panel">
			<button onclick="save('temp')">保存</button>
			<button onclick="load('temp')">载入</button>
			<button onclick="reset()">重置</button>
		</div>
		<div class="panel">
			<div id="primitives">
			</div>
			<div>
				<a onclick="chooseAll('#primitives')">全选</a>
				<a onclick="chooseNone('#primitives')">全不选</a>
				<a onclick="antiChoose('#primitives')">反选</a>
				<button onclick="updateView()">只显示选中的</button>
			</div>
		</div>
		<div class="panel">
			<h2>场景管理</h2>
			<div id="scene_manager" >
				<!--<button>添加灯光</button>-->
				<button>添加摄像机</button>
				<button onclick="focusObject();">聚焦</button>
			</div>
			<div class="divider2"></div>
			<div id="edit_light" style="display:none;">
				<div class="light_template" style='display:none;'>
					<div class="light_name">
						灯光名称 - <b></b>
					</div>
					<div class='divider'></div>
					
					<div class="position">
						光源位置: <br />
						X : <input type='text' size='10' />
						y : <input type='text' size='10' />
						z : <input type='text' size='10' />
						<div class="divider"></div>
					</div>

					<div class="target">
						光源朝向: <br />
						X : <input type='text' size='10' />
						y : <input type='text' size='10' />
						z : <input type='text' size='10' />
						<div class="divider"></div>
					</div>

					<div class="aspect">
						光源范围: 
						<input type='text' size='10' />
						<div class="divider"></div>
					</div>

					<div class="attenuation">
						衰减程度:
						<input type='text' size='10' />
						<div class="divider"></div>
					</div>

					<div class="direction">
						平行光角度: <br />
						X : <input type='text' size='10' />
						y : <input type='text' size='10' />
						z : <input type='text' size='10' />
						<div class="divider"></div>
					</div>

					<div class="power">
						光源强度:
						<input type='text'size='10' />
					</div>
					
					<div class="divider2"></div>
					<br />
				</div>
			</div>
		</div>
		<div class="panel">
			<h2>SSAO</h2>
			<div id="ssao">
				强度 : <input type="text" size="10" name='intensity' value="1000"/>
				取样范围 : <input type="text" size="10" name = 'sample_rad' value="0.1"/><br />
				bias : <input type="text" size="10" name = 'bias' value="0"/>
				scale : <input type="text" size="10" name = 'scale' value="10" />
			</div>
		</div>
		<div class="panel">
			<h2>材质编辑</h2>
			<div>
				<button onclick="showMaterialManager();">材质管理</button>
				<button onclick="showMaterialTemplate();">材质模板</button>
				<button onclick="createMaterialCopy();">创建材质副本</button>
				<button onclick="addMaterialToPrimitives();" style="height:40px;">添加当前材质到选中的物体</button>
			</div>
			<div id = 'material_manager'>
				
			</div>
			<br />
			<div id="edit_material">
				
			</div>
		</div>
	</div>
</body>
</html>